<!DOCTYPE html>
<html>
  <head>
    <title>ui-button-icon.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
	<link rel="stylesheet" type="text/css" href="../css/jquery-ui-1.10.3.custom.min.css"> 
 	<script type="text/javascript" src="../javascript/lib/jquery-1.9.1/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="../css/jquery-ui-1.10.3.custom.js"></script>
	<style type="text/css">
		body{
			font: 62.5% "Trebuchet MS", sans-serif;
			margin: 50px;
		}
	</style>
	<script type="text/javascript">
		$(function() {
		    $("#button").button();
			$("#radioset").buttonset();
			$("#buttonicon").button({
			  text : true,
			  icons : {
			    primary : 'ui-icon-alert',
				secondary : 'ui-icon-lightbulb'
			  }
			});
		});
	</script>
  </head>
  
  <body>
  	<button id="button">A button element</button><br/>
  	<button id="buttonicon"  style="margin-top: 1em;">A button icon</button>
	<form style="margin-top: 1em;">
		<div id="radioset">
			<input type="radio" id="radio1" name="radio"><label for="radio1">Choice 1</label>
			<input type="radio" id="radio2" name="radio" checked="checked"><label for="radio2">Choice 2</label>
			<input type="radio" id="radio3" name="radio"><label for="radio3">Choice 3</label>
		</div>
	</form>
  </body>
</html>
